* { margin: 0; padding: 0;}
img { vertical-align: top; border: none}
li { list-style: none}
body { font-size: 14px; font-family: "微软雅黑"; padding:0 10px ; line-height: 1.8;}
.header { line-height: 50px; text-align: center; font-size: 16px; border-bottom: 1px solid #ccc;}

.ovfl { overflow: hidden}
.fl { float: left}
.fr { float: right}
input{ line-height: 30px; width: 200px; margin-left: 20px;}

button,input[type=submit] { padding: 10px 15px; margin: 5px; background-color: #555; color: #fff; font-size: 16px; cursor: pointer; border: 1px solid #333; outline: none; border-radius: 4px;}
input[type=submit] { display: block; margin-left: 100px; width: 100px;}

.pro-list { overflow: hidden}
.pro-item { float: left; width: 200px; margin: 10px; border: 1px solid #ccc; padding: 5px; background-color: #fff;}
.pro-item  img { width: 100%;}

.input-list { width: 500px; margin: 20px auto; padding: 20px 0; border: 1px solid #ccc}
.input-item { padding: 10px;}